<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        div,table,tr,td{
            padding:0;
            margin:0;
            font-family:'Microsoft YaHei';
        }
        .produce_table,.table{
            border-collapse:collapse;
            margin-bottom: 50px;
        }
        .produce_table td{
            width:100px;
            height:40px;
            text-align:center;
        }
        .table td{
            width:50px;
            height:50px;
            text-align:center;
        }
    </style>
</head>
<body>
    <!-- 解答题 -->
    <pre>
        # 简答

        1. input标签的type属性的常用属性值（五种以上：属性值 --- 描述）
            1. text:用来填入用户输入信息
            2. password：用来输入敏感词汇，例如密码
            3. radio：单选框
            4. checkbox：复选框
            5. file：上传文件  

        2. 什么是表单（作用 --- 组成 --- 功能）
            1. 作用：将用户填入的数据传输到后端服务器
            2. 由form,input组成
            3. 一般用于登录、注册、收集反馈

        3. 说一下你了解到的label标签及其绑定方式
            1. 个人理解：label标签是扩大选中范围
            2. 绑定方式：<input type="radio" id="id"><label for="id">选项</label>

        4. CSS2.1版本的七种选择器分为哪两类，分别都是什么
            1. 基本选择器：标签选择器、ID选择器、通配符选择器、类选择器
            2. 高级选择器：交集选择器、并集选择器、后代选择器                

        5. CSS的继承性是什么
            继承性是指子级能够继承父级的所有文字相关样式               

        6. 盒子实体化的三属性是什么
        width(宽度)、height(高度)、background-color(背景颜色)
    </pre>

    <!-- #代码 -->
    <div style="margin:50px 0 0 0">
        <table border="1" class="produce_table">
            <thead>
                <td colspan="8" style="font-weight:bolder;">苍南乐果包装生产计划单</td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td> -->
            </thead>
            <tr>
                <td>客户名称</td>
                <td></td>
                <td>订货日期</td>
                <td></td>
                <td>编号</td>
                <td colspan="3"></td>
                <!-- <td></td>
                <td></td> -->
            </tr>
            <tr>
                <td>产品名称</td>
                <td colspan="2"></td>
                <!-- <td></td> -->
                <td>交货日期</td>
                <td colspan="4"></td>
                <!-- <td></td>
                <td></td>
                <td></td> -->
            </tr>
            <tr>
                <td>订货数量</td>
                <td></td>
                <td>数量控多</td>
                <td>最多</td>
                <td></td>
                <td>最少</td>
                <td colspan="2"></td>
                <!-- <td></td> -->
            </tr>
            <tr>
                <td>条形码</td>
                <td colspan="2"></td>
                <!-- <td></td> -->
                <td>内容物</td>
                <td colspan="4"></td>
                <!-- <td></td>
                <td></td>
                <td></td> -->
            </tr>
            <tr>
                <td>产品规格</td>
                <td colspan="7"></td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td> -->
            </tr>
            <tr>
                <td rowspan="5">材料结构</td>
                <td>层数</td>
                <td>材料名称</td>
                <td>膜宽(cm)</td>
                <td>厚度(s)</td>
                <td>供应商</td>
                <td>重量</td>
                <td>米数</td>
            </tr>
            <tr>
                <!-- <td></td> -->
                <td>第一层</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <!-- <td></td> -->
                <td>第二层</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <!-- <td></td> -->
                <td>第三层</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <!-- <td></td> -->
                <td>第四层</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td rowspan="5">印刷顺序</td>
                <td>版号</td>
                <td></td>
                <td>板规格</td>
                <td></td>
                <td>白墨面积</td>
                <td colspan="2"></td>
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <td>印刷基材</td>
                <td></td>
                <td>排版方式</td>
                <td></td>
                <td>色墨面积</td>
                <td colspan="2"></td>
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <td>印刷颜色</td>
                <td colspan="4"></td>
                <!-- <td></td>
                <td></td>
                <td></td> -->
                <td>油墨类型</td>
                <td></td>
            </tr>
            <tr>
                <!-- <td></td> -->
                <td colspan="2">新，老版，改版内容</td>
                <!-- <td></td> -->
                <td></td>
                <td>新版</td>
                <td colspan="3"></td>
                <!-- <td></td>
                <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <td colspan="7">印刷</td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td> -->
            </tr>
            <tr>
                <td rowspan="4">复合工序</td>
                <td>第一层胶水</td>
                <td colspan="2"></td>
                <!-- <td></td> -->
                <td>网钢线数</td>
                <td></td>
                <td>胶水配比</td>
                <td></td>
            </tr>
            <tr>
                <!-- <td></td> -->
                <td>第二层胶水</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td>胶水配比</td>
                <td></td>
            </tr>
            <tr>
                <!-- <td></td> -->
                <td>第三层胶水</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td>胶水配比</td>
                <td></td>
            </tr>
            <tr>
                <!-- <td></td> -->
                <td>复合要求</td>
                <td colspan="4"></td>
                <!-- <td></td>
                <td></td>
                <td></td> -->
                <td>熟化时间</td>
                <td></td>
            </tr>
            <tr>
                <td rowspan="5">制袋工序</td>
                <td>上封口</td>
                <td colspan="5"></td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td> -->
                <td rowspan="7"></td>
            </tr>
            <tr>
                <!-- <td></td> -->
                <td>下封口</td>
                <td></td>
                <td>背封</td>
                <td></td>
                <td>类型</td>
                <td></td>
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <td>打孔要求</td>
                <td colspan="2"></td>
                <!-- <td></td> -->
                <td>打孔位置</td>
                <td colspan="2"></td>
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <td>斯口型号</td>
                <td colspan="2"></td>
                <!-- <td></td> -->
                <td>斯口位置</td>
                <td colspan="2"></td>
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <td>拉链位置</td>
                <td colspan="2"></td>
                <!-- <td></td> -->
                <td>包装箱</td>
                <td colspan="2"></td>
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr>
                <td>其他要求</td>
                <td colspan="6"></td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr>
                <td rowspan="2">分切工序</td>
                <td>分切宽度</td>
                <td></td>
                <td>cm</td>
                <td>分切直径</td>
                <td></td>
                <td>cm</td>
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <td>出卷方向</td>
                <td colspan="6"></td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td> -->
            </tr>
            <tr>
                <td>备注</td>
                <td colspan="7"></td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td> -->
            </tr>
            <tr>
                <td>经办人</td>
                <td></td>
                <td>审核</td>
                <td colspan="2"></td>
                <!-- <td></td> -->
                <td colspan="2"></td>
                <!-- <td></td> -->
                <td></td>
            </tr>
        </table>
    </div>

    <div class="table_div">
        <table border="1" class="table">
            <tr>
                <td colspan="12"></td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td> -->
                <td rowspan="12"></td>
            </tr>
            <tr>
                <td rowspan="12"></td>
                <td colspan="10"></td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td> -->
                <td rowspan="10"></td>
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <td rowspan="10"></td>
                <td colspan="8"></td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td> -->
                <td rowspan="8"></td>
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <td rowspan="8"></td>
                <td colspan="6"></td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td> -->
                <td rowspan="6"></td>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <td rowspan="6"></td>
                <td colspan="4"></td>
                <!-- <td></td>
                <td></td>
                <td></td>-->
                <td rowspan="4"></td> 
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <td rowspan="4"></td>
                <td colspan="2"></td>
                <!-- <td></td>-->
                <td rowspan="2"></td> 
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <td rowspan="2"></td>
                <td></td>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <td colspan="2"></td>
                <!-- <td></td> -->
                <!-- <td></td>  -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <td colspan="4"></td>
                <!-- <td></td>
                <td></td>
                <td></td>-->
                <!-- <td></td>  -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <td colspan="6"></td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <td colspan="8"></td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <td colspan="10"></td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr>
                <!-- <td></td> -->
                <td colspan="12"></td>
                <!-- <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td> -->
            </tr>
        </table>
    </div>

    <script>
        var td = document.querySelectorAll(".table td");
        for(i=1;i<=td.length;i++){
            td[i-1].innerText = i;
        }
        
    </script>
</body>
</html>